<template>
  <div>
    <a-menu v-model="current" mode="horizontal">
      <a-menu-item key="mail"> <a-icon type="mail" />设置 </a-menu-item>
      <a-menu-item key="app" disabled> <a-icon type="appstore" />个人中心 </a-menu-item>
      <a-sub-menu>
        <span slot="title" class="submenu-title-wrapper"><a-icon type="setting" />通话中心</span>
        <a-menu-item-group title="日期">
          <a-menu-item key="setting:1">本周</a-menu-item>
          <a-menu-item key="setting:2">本月</a-menu-item>
        </a-menu-item-group>
        <a-menu-item-group title="时长">
          <a-menu-item key="setting:3">1小时前</a-menu-item>
          <a-menu-item key="setting:4">24小时前</a-menu-item>
        </a-menu-item-group>
      </a-sub-menu>
      <a-menu-item key="alipay">
        <a rel="noopener noreferrer">产品中心</a>
      </a-menu-item>
    </a-menu>
  </div>
</template>
<script>
export default {
  name: 'MenuA',
  data() {
    return {
      current: ['alipay']
    }
  }
}
</script>
